<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">风控仪表盘</li>
            </ul>
        </div>
    </div>
</div>

<!--查询条件-->
<div class="container-fluid" style="margin: 0 10px 0 10px;">
    <div class="row">
        <div class="col-xs-12 col-md-12">
            <div class="page-header" style="margin: 20px 0 20px;">
                <form class="form-inline">
                    <div class="form-group">
                        <div class='input-group date' id='bizTime'>
                            <label for="bizTime" style="display: table-cell;">业务时间：</label>
                            <input type='text' class="form-control" ng-model="vm.p.dt" name="dt" style="width: 17.6rem" />
                            <span class="input-group-addon" style="width: 4rem">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>

                    <button type="button" class="btn btn-primary" ng-click="queryDashboard()">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>


<style type="text/css">
    p {
        margin:3px 0 0;
    }
</style>
<div class="container-fluid" style="margin: 0 10px 0 10px;">
    <div class="row">
        <div class="col-xs-12 col-md-12">
            <h5 class="page-header" style="margin: 0 0 5px;">摘要</h5>
            <div style="margin-left: 20px;">
                <table>
                    <tr>
                        <td width="800px">时间范围：{{vm.p.startDt}}（周日）-{{vm.p.endDt}}（周六）</td>
                    </tr>
                    <tr>
                        <td>1.求职者日活： <font color="{{vm.r['all^uv'].color}}">{{vm.r['all^uv'].contentFmt}}</font>，
                            58招聘： <font color="{{vm.r['58^uv'].color}}">{{vm.r['58^uv'].contentFmt}}</font>，
                            赶集：<font color="{{vm.r['ganji^uv'].color}}">{{vm.r['ganji^uv'].contentFmt}}</font>，
                            收入（黄金+优选）： <font color="{{vm.r['all^cost'].color}}">{{vm.r['all^cost'].contentFmt}}</font>
                        </td>
                    </tr>
                    <tr>
                        <td>2.曝光量app：<font color="{{vm.r['all^exp_as'].color}}">{{vm.r['all^exp_as'].contentFmt}}</font>，
                            详情访问app：<font color="{{vm.r['all^app_click_as'].color}}">{{vm.r['all^app_click_as'].contentFmt}}</font>，
                            投递连接 ：<font color="{{vm.r['all^delivery_as'].color}}">{{vm.r['all^delivery_as'].contentFmt}}</font>
                            <p>CTR3 58招聘：<font color="{{vm.r['58_cl^ctr3'].color}}">{{vm.r['58_cl^ctr3'].contentFmt}}</font>，
                                赶集：<font color="{{vm.r['ganji_cl^ctr3'].color}}">{{vm.r['ganji_cl^ctr3'].contentFmt}}</font></p>
                            <p>CVR3 58招聘：<font color="{{vm.r['58_cl^cvr3'].color}}">{{vm.r['58_cl^cvr3'].contentFmt}}</font>，
                                赶集：<font color="{{vm.r['ganji_cl^cvr3'].color}}">{{vm.r['ganji_cl^cvr3'].contentFmt}}</font></p>
                            <p>IMR3 58招聘：<font color="{{vm.r['58_cl^imr3'].color}}">{{vm.r['58_cl^imr3'].contentFmt}}</font>，
                                赶集：<font color="{{vm.r['ganji_cl^imr3'].color}}">{{vm.r['ganji_cl^imr3'].contentFmt}}</font></p>
                            <p>TELR3 58招聘：<font color="{{vm.r['58_cl^telr3'].color}}">{{vm.r['58_cl^telr3'].contentFmt}}</font>
                                赶集：<font color="{{vm.r['ganji_cl^telr3'].color}}">{{vm.r['ganji_cl^telr3'].contentFmt}}</font></p>
                        </td>
                    </tr>
                    <tr>
                        <td>3.活跃招聘者：<font color="{{vm.r['all^active_buv'].color}}">{{vm.r['all^active_buv'].contentFmt}}</font>，
                            对比阴历年{{vm.r['all^active_buv_lunar'].contentFmt}}，
                            对比阳历年{{vm.r['all^active_buv_solar'].contentFmt}}，
                            <p> 活跃职位数：<font color="{{vm.r['all^active_cate'].color}}">{{vm.r['all^active_cate'].contentFmt}}</font>，
                                对比阴历年{{vm.r['all^active_cate_lunar'].contentFmt}}，
                                对比阳历年{{vm.r['all^active_cate_solar'].contentFmt}}</p>
                        </td>
                    </tr>

                </table>
            </div>
        </div>
        <div class="col-xs-12 col-md-12">
            <h5 class="page-header" style="margin: 20px 0 5px;">核心指标（周日均-非串联数据）</h5>
            <div style="margin-left: 20px;">
                <table style="border: 1px solid #0f0f0f;">
                    <tr>
                        <th width="100px">产品线</th>
                        <th width="150px">UV日活</th>
                        <th width="150px">收入（黄金+优选）</th>
                        <th width="150px">曝光AS</th>
                        <th width="150px">VPPV详情页浏览量</th>
                        <th width="150px">核心连接（投递）</th>
                        <th width="150px">核心连接（微聊）</th>
                    </tr>
                    <tr>
                        <td>全招聘</td>
                        <td>{{vm.r['all^uv'].contentFmt}}</td>
                        <td>{{vm.r['all^cost'].contentFmt}}</td>
                        <td>{{vm.r['all^exp_as'].contentFmt}}         <br/> UV:{{vm.r['all^exp_uv'].contentFmt}}</td>
                        <td>{{vm.r['all^app_click_as'].contentFmt}}   <br/> UV:{{vm.r['all^app_click_uv'].contentFmt}}</td>
                        <td>{{vm.r['all^delivery_as'].contentFmt}}    <br/> UV:{{vm.r['all^delivery_uv'].contentFmt}}</td>
                        <td>{{vm.r['all^im_as'].contentFmt}}          <br/> UV:{{vm.r['all^im_uv'].contentFmt}}</td>
                    </tr>
                    <tr>
                        <td>58招聘（全职）</td>
                        <td>{{vm.r['58^uv'].contentFmt}}</td>
                        <td>{{vm.r['58^cost'].contentFmt}}</td>
                        <td>{{vm.r['58^exp_as'].contentFmt}}         <br/> UV:{{vm.r['58^exp_uv'].contentFmt}}</td>
                        <td>{{vm.r['58^app_click_as'].contentFmt}}   <br/> UV:{{vm.r['58^app_click_uv'].contentFmt}}</td>
                        <td>{{vm.r['58^delivery_as'].contentFmt}}    <br/> UV:{{vm.r['58^delivery_uv'].contentFmt}}</td>
                        <td>{{vm.r['58^im_as'].contentFmt}}          <br/> UV:{{vm.r['58^im_uv'].contentFmt}}</td>
                    </tr>
                    <tr>
                        <td>赶集直招</td>
                        <td>{{vm.r['ganji^uv'].contentFmt}}</td>
                        <td>{{vm.r['ganji^cost'].contentFmt}}</td>
                        <td>{{vm.r['ganji^exp_as'].contentFmt}}       <br/> UV:{{vm.r['ganji^exp_uv'].contentFmt}}</td>
                        <td>{{vm.r['ganji^app_click_as'].contentFmt}} <br/> UV:{{vm.r['ganji^app_click_uv'].contentFmt}}</td>
                        <td>{{vm.r['ganji^delivery_as'].contentFmt}}  <br/> UV:{{vm.r['ganji^delivery_uv'].contentFmt}}</td>
                        <td>{{vm.r['ganji^im_as'].contentFmt}}        <br/> UV:{{vm.r['ganji^im_uv'].contentFmt}}</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="col-xs-12 col-md-12">
            <h5 class="page-header" style="margin: 20px 0 5px;">补充指标</h5>
            <div style="margin-left: 20px;">
                <table>
                    <tr>
                        <td width="600px">赶集直招新增：{{vm.r['ganji^new_user'].contentFmt}}，
                            新增次日留存率：{{vm.r['ganji^ren_user'].contentFmt}}</td>
                    </tr>
                    <tr>
                        <td>活跃招聘者:{{vm.r['all^active_buv'].contentFmt}}，
                            对比阴历年{{vm.r['all^active_buv_lunar'].contentFmt}}，
                            对比阳历年{{vm.r['all^active_buv_solar'].contentFmt}}</td>
                    </tr>
                    <tr>
                        <td>获得投递活跃招聘者：{{vm.r['all^buv_hytd'].contentFmt}}，
                            活跃招聘者获得总投递量：{{vm.r['all^cnt_hytd'].contentFmt}}</td>
                    </tr>
                    <tr>
                        <td>活跃职位数：{{vm.r['all^active_cate'].contentFmt}}，
                            对比阴历年{{vm.r['all^active_cate_lunar'].contentFmt}}，
                            对比阳历年{{vm.r['all^active_cate_solar'].contentFmt}}</td>
                    </tr>
                </table>
            </div>

        </div>
        <div class="col-xs-12 col-md-12">
            <h5 class="page-header" style="margin: 20px 0 5px;">AARRR方法UV转化分析(注：使用串联后APP数据)</h5>
            <div style="margin-left: 20px;">
                <table>
                    <tr>
                        <th width="200px">连接转化指标</th>
                        <th width="200px">58APP</th>
                        <th width="200px">赶集APP</th>
                        <th width="200px">解读</th>
                    </tr>
                    <tr>
                        <td>曝光->点击（CTR3）</td>
                        <td>{{vm.r['58_cl^ctr3'].contentFmt}}</td>
                        <td>{{vm.r['ganji_cl^ctr3'].contentFmt}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>曝光->投递（CVR3）</td>
                        <td>{{vm.r['58_cl^cvr3'].contentFmt}}</td>
                        <td>{{vm.r['ganji_cl^cvr3'].contentFmt}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>曝光->微聊（IMR3）</td>
                        <td>{{vm.r['58_cl^imr3'].contentFmt}}</td>
                        <td>{{vm.r['ganji_cl^imr3'].contentFmt}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>曝光->电话（TELR3）</td>
                        <td>{{vm.r['58_cl^telr3'].contentFmt}}</td>
                        <td>{{vm.r['ganji_cl^telr3'].contentFmt}}</td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="col-xs-12 col-md-12">
            <h5 class="page-header" style="margin: 20px 0 5px;">新周报日均周比情况</h5>
            <div style="margin-left: 20px;">
                <table>
                    <tr>
                        <th width="150px">方向</th>
                        <th width="150px">指标</th>
                        <th width="150px">日均</th>
                        <th width="150px">周比</th>
                        <th width="150px">年比</th>
                        <th width="200px">解读</th>
                    </tr>
                    <tr>
                        <td rowspan="6">C端规模指标</td>
                        <td>求职者日活</td>
                        <td>{{vm.r['all^uv'].content | bigNumFmt}}</td>
                        <td>{{vm.r['all^uv'].contentInc7 | ratioFmt}}</td>
                        <td>{{vm.r['all^uv'].contentInc365}}</td>
                        <td>参考值800w</td>
                    </tr>
                    <tr>
                        <td>58APP日活</td>
                        <td>{{vm.v['58^uv'].content | bigNumFmt}}</td>
<!--                        <td>{{vm.v['58^uv'].contentInc7}}</td>-->
<!--                        <td>{{vm.v['58^uv'].contentInc365}}</td>-->
                        <td>{{vm.v['58^uv'].inc7 | ratioFmt}}</td>
                        <td>{{vm.v['58^uv'].inc365 | ratioFmt}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>赶集直招日活</td>
                        <td>{{vm.v['ganji^uv'].content | bigNumFmt}}</td>
<!--                        <td>{{vm.v['ganji^uv'].contentInc7}}</td>-->
<!--                        <td>{{vm.v['ganji^uv'].contentInc365}}</td>-->
                        <td>{{vm.v['ganji^uv'].inc7 | ratioFmt}}</td>
                        <td>{{vm.v['ganji^uv'].inc365 | ratioFmt}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>VPPV总量</td>
                        <td>{{vm.v['all^vppv'].content | bigNumFmt}}</td>
<!--                        <td>{{vm.v['all^vppv'].contentInc7}}</td>-->
<!--                        <td>{{vm.v['all^vppv'].contentInc365}}</td>-->
                        <td>{{vm.v['all^vppv'].inc7 | ratioFmt}}</td>
                        <td>{{vm.v['all^vppv'].inc365 | ratioFmt}}</td>
                        <td></td>
                    </tr>

                    <tr>
                        <td>连接总量（微聊）</td>
                        <td>{{vm.r['all^im_as'].content | bigNumFmt}}</td>
                        <td>{{vm.r['all^im_as'].contentInc7 | ratioFmt}}</td>
                        <td>{{vm.r['all^im_as'].contentInc365}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>连接总量（投递）</td>
                        <td>{{vm.r['all^delivery_as'].content | bigNumFmt}}</td>
                        <td>{{vm.r['all^delivery_as'].contentInc7 | ratioFmt}}</td>
                        <td>{{vm.r['all^delivery_as'].contentInc365}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td rowspan="4">B端规模指标</td>
                        <td>B端广义日活</td>
                        <td>{{vm.v['all^buv'].content | bigNumFmt}}</td>
<!--                        <td>{{vm.v['all^buv'].contentInc7}}</td>-->
<!--                        <td>{{vm.v['all^buv'].contentInc365}}</td>-->
                        <td>{{vm.v['all^buv'].inc7 | ratioFmt}}</td>
                        <td>{{vm.v['all^buv'].inc365 | ratioFmt}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>活跃职位数</td>
                        <td>{{vm.r['all^active_cate'].content | bigNumFmt}}</td>
                        <td>{{vm.r['all^active_cate'].contentInc7 | ratioFmt}}</td>
                        <td>{{vm.r['all^active_cate_solar'].contentFmt}}</td>
                        <td>活跃职位数：调用repost接口更新的职位，在线职位：帖子状态有效state in (1,11) </td>
                    </tr>
                    <tr>
                        <td>服务中会员数</td>
                        <td>{{vm.v['all^has_vip_buv'].content | bigNumFmt}}</td>
<!--                        <td>{{vm.v['all^has_vip_buv'].contentInc7}}</td>-->
<!--                        <td>{{vm.v['all^has_vip_buv'].contentInc365}}</td>-->
                        <td>{{vm.v['all^has_vip_buv'].inc7 | ratioFmt}}</td>
                        <td>{{vm.v['all^has_vip_buv'].inc365 | ratioFmt}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>消费客户数</td>
                        <td>{{vm.v['all^has_cost_buv'].content | bigNumFmt}}</td>
<!--                        <td>{{vm.v['all^has_cost_buv'].contentInc7}}</td>-->
<!--                        <td>{{vm.v['all^has_cost_buv'].contentInc365}}</td>-->
                        <td>{{vm.v['all^has_cost_buv'].inc7 | ratioFmt}}</td>
                        <td>{{vm.v['all^has_cost_buv'].inc365 | ratioFmt}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td rowspan="4">商业营收指标</td>
                        <td>GAAP</td>
                        <td>{{vm.v['all^gaap'].content | bigNumFmt}}</td>
<!--                        <td>{{vm.v['all^gaap'].contentInc7}}</td>-->
<!--                        <td>{{vm.v['all^gaap'].contentInc365}}</td>-->
                        <td>{{vm.v['all^gaap'].inc7 | ratioFmt}}</td>
                        <td>{{vm.v['all^gaap'].inc365 | ratioFmt}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>黄金优选收入</td>
                        <td>{{vm.r['all^cost'].content | bigNumFmt}}</td>
                        <td>{{vm.r['all^cost'].contentInc7 | ratioFmt}}</td>
                        <td>{{vm.r['all^cost'].contentInc365}}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>单UV价值</td>
                        <td>{{vm.v['all^arpu1'].content}}</td>
<!--                        <td>{{vm.v['all^arpu1'].contentInc7}}</td>-->
<!--                        <td>{{vm.v['all^arpu1'].contentInc365}}</td>-->
                        <td>{{vm.v['all^arpu1'].inc7 | ratioFmt}}</td>
                        <td>{{vm.v['all^arpu1'].inc365 | ratioFmt}}</td>
                        <td>uv采用经分口径58+ganji</td>
                    </tr>
                    <tr>
                        <td>客均ARPU</td>
                        <td>{{vm.v['all^arpu'].content}}</td>
                        <td>{{vm.v['all^arpu'].inc7 | ratioFmt}}</td>
                        <td>{{vm.v['all^arpu'].inc365 | ratioFmt}}</td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div style="padding-bottom: 80px;"></div>
</div>
